/*realtimem start*/
.center_box{
	position: absolute;
	top: 10%;
	left: 265px;
	height:-webkit-calc(100% - 130px); 
	height:-moz-calc(100% - 130px); 
	height:calc(100% - 130px);
	width:-webkit-calc(100% - 325px); 
	width:-moz-calc(100% - 325px); 
	width:calc(100% - 325px);
}
.re_name{
	float:left;
	max-width:4em;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
	height: 100%;
	margin-right:4px;
}
.re_sex{
	float:left;
	width:1em;
	height: 100%;
	margin-right:4px;
}
.re_ku{
	float:left;
	max-width:4em;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
	height: 100%;
}
.video_box{
	height: 708px;
}
.video_top{
	width: 1244px;
	height: 708px;
	float: left;
}
.video_minbox{
	/*margin-left: 6px;*/
	/*margin-bottom: 8px;*/
	/*width: 1235px;*/
	/*height: 694px;*/
    width: 100%;
	height: 100%;
	/*float: left;*/
	position: relative;
	background-color: #e8e8e8;
	/*overflow: hidden;*/
	/*transition: all 0.5s;*/
	/*cursor: pointer;*/
}
.translate_box{
    width: 1235px;
    height: 694px;
    position: absolute;
    left: -2px;
    transition: all 0.5s;
    cursor: pointer;
    z-index: 1;
}
.video_minbox1{
	z-index: 7;
	/*transform: translate(310px,176px) scale(2.02);*/
}
.camera_text{
	color: white;
	position: absolute;
	top: 0px;
	padding: 10px 20px;
    font-size: 36px;
    background-color: rgba(0,0,0,0.5);
}
.refresh_icon{
	width: 50px;
	height: 50px;
	float: right;
/*	position: absolute;
	top: -35px;
	right: 10px;*/
	margin-top: 10px;
	cursor: pointer;
}
.refresh_icon img{
	width: 100%;
}
.choose_box{
	background: url(../assets/realtimem/choose_bg.png) no-repeat;
	background-size: 100% 100%;
	float: left;
/*	position: absolute;
	right: 40px;
	top: -35px;*/
	width: 220px;
	height: 70px;
	text-align: center;
	line-height: 62px;
	color: white;
	font-size: 30px;
	font-family: "微软雅黑";
	cursor: pointer;
	z-index: 8;
}

.choose_box1{
	/*8-17-2*/
	animation:myfirst 0.5s;
	-moz-animation:myfirst  0.5s; /* Firefox */
	-webkit-animation:myfirst  0.3s; /* Safari and Chrome */
	-o-animation:myfirst  0.3s; /* Opera */
	animation-fill-mode: forwards;
}
.choose_box2{
	/*8-17-2*/
	animation:myfirst1  0.5s;
	-moz-animation:myfirst1  0.5s; /* Firefox */
	-webkit-animation:myfirst1  0.3s; /* Safari and Chrome */
	-o-animation:myfirst1  0.3s; /* Opera */
	animation-fill-mode: forwards;
}
/*8-17-3*/
@keyframes myfirst
{
from {top: -35;}
to {top: 0;}
}

@-moz-keyframes myfirst /* Firefox */
{
from {top: -35;}
to {top: 0;}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
from {top: -35;}
to {top: 0;}
}

@-o-keyframes myfirst /* Opera */
{
from {top: -35;}
to {top: 0;}
}
@keyframes myfirst1
{
from {top: 0;}
to {top: -35;}
}

@-moz-keyframes myfirst1 /* Firefox */
{
from {top: 0;}
to {top: -35;}
}

@-webkit-keyframes myfirst1 /* Safari 和 Chrome */
{
from {top: 0;}
to {top: -35;}
}

@-o-keyframes myfirst1 /* Opera */
{
from {top: 0;}
to {top: -35;}
}
.re_bottombox{
	width: 100%;
	/*height:-webkit-calc(100% - 708px); 
	height:-moz-calc(100% - 708px); 
	height:calc(100% - 708px);*/
}
.re_imgbox{
	height: 100%;
	width:1247px;
	float:left;
	overflow: hidden;
}
.re_leftbox{
	/*width: 1247px;*/
	height: 100%;
	float: left;
	padding-left: 8px;
	/*width:1367px;*/
	width:1475px;
	margin-left:-115px;
}
.photo_box{
	width: 103px;
	height: 100%;
	float: left;
    background-color: rgba(0,0,0,0.4);
	margin-right: 10.2px;
}
.photo_img{
	width: 103px;
	height: 103px;
	background: url(../assets/historyface/img1.jpg) no-repeat;
	background-size: 100% 100%;
}
.photo_text{
	width: 103px;
	height: 25px;
	color: white;
	text-align: center;
	line-height: 25px;
	margin-top: 5px;
}
.information_box{
	float: right;
	width:-webkit-calc(100% - 1265px);
	width:-moz-calc(100% - 1265px); 
	width:calc(100% - 1265px);
	height:-webkit-calc(100% - 10px);
	height:-moz-calc(100% - 10px); 
	height:calc(100% - 14px);
	background-color: rgba(0,0,0,0.2);
	overflow: hidden;
}
.info_alarm{
	height: calc(100% + 161px);
	margin-top:-175px;
}
.info_minbox{
	width: 100%;
	height: 167px;
	margin-bottom: 8px;
}
.re_toptitle{
	width: 100%;
	height: 30px;
	position: relative;
	background-color: rgba(93,201,93,0.4);
}
.icon_bg{
	position: absolute;
	top: 0;
	right: 30px;
	width: 73px;
	height: 100%;
	background:url(../assets/realtimem/icon_bg.png) no-repeat;
	background-size: 100% 100%;
}
.re_lefttext{
	width: 200px;
	height: 100%;
	color: white;
	float: left;
	line-height: 30px;
	padding-left: 15px;
	font-weight: bold;
}
.re_icon{
	width: 100px;
	height: 30px;
	float: right;
}
.re_lefticon,.re_righticon{
	float: left;
	width: 48px;
	height: 30px;
}
.re_righticon{
	float: right;
}
.re_lefticon img{
	margin-left: 27px;
	margin-top: 3px;
	cursor: pointer;
}
.re_righticon img{
	margin-left: 18px;
	margin-top: 4px;
	cursor: pointer;
}
.re_infotext{
	width: 126px;
	height: 127px;
	float: left;
	padding-top: 10px;
}
.re_photoinfo{
	width: 200px;
	height: 137px;
	float: right;
}
.re_infotext p{
	font-size: 15px;
	padding-left: 15px;
	margin:0;
	margin-bottom: 6px;
	color: white;
}
.re_photobox{
	width: 100px;
	height: 100%;
	float: left;
}
.re_photobox img{
	width: 100%
}
.re_photobox span{
	width: 100%;
	text-align: center;
	color: white;
}
.re_icontext{
	color: white;
	width: 100%;
	text-align: center;
}
.re_rightbox{
  width: 330px;
  margin-left: 8px;
  height: 100%;
  float: left;
  background: url(../assets/realtimem/data_bg.png) no-repeat;
  background-size: 100% 100%;
}
.data_title{
	width: 170px;
	height: 30px;
	line-height: 30px;
	margin-top: 13px;
	margin-left: 80px;
	text-align: center;
	float: left;
	color: white;
	font-size: 19px;
}
.history{
	width: 65px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin-top: 22px;
	margin-left: 13px;
	float: left;
	color: white;
	font-size: 14px;
}
.data_box{
	width: 100%;
	height: 90px;
	margin-top: 45px;
}
.alarm{
	width: 100%;
	height: 40px;
	margin-bottom: 5px;
	position: relative;
}
.alarm_text{
	position: absolute;
	left: 15px;
	bottom: 5px;
	color: white;
	font-size: 17px;
}
.alarm_number{
	font-size: 30px;
	position: absolute;
	right: 5px;
	bottom: 0px;
	color: #5dff51;
	font-weight: 100;
}
/*realtimem end*/
